<script lang="ts" setup>
import { computed } from 'vue';

const props = withDefaults(defineProps<{ value: number; color?: string; size?: number }>(), {
	color: '#FA5732',
	size: 56
});

const style = computed(() => {
	return {
		lineHeight: props.size + 'rpx'
	};
});
</script>

<template>
	<view class="dlk-currency" :style="style">
		<x-text :color="color" :size="28">￥</x-text>
		<x-text :color="color" :size="size">{{ value }}</x-text>
	</view>
</template>

<style lang="scss" scoped>
.dlk-currency {
	display: flex;
	align-items: flex-end;
}
</style>
